<template>   
	    <!--客服介入详情弹框-->
		<van-popup
		  v-model="show"
		  position="right"
		  :style="{ height: '100%',width:'100%' }"
		  class="popup"
		  :overlay="false"
		>   
		<div class="html_a">   
		  	<van-nav-bar
			  title="查看凭证"
			  left-arrow			  
			  >		
				  <van-icon name="arrow-left" slot="left" color="#000" size="20" @click="show=false"/>
		   </van-nav-bar>			    
		    <div class="next"></div>
		    <div class="swiper_wrap">
				<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
				  <van-swipe-item v-for="(item,index) in imgList" :key="index"  class="img"
				  	:style="{backgroundImage: 'url(' + item + ')'}"
				  	 >
<!--				  	<img :src="item" alt="" />-->
				  </van-swipe-item>
				</van-swipe>		    	
		    </div>
		    
		    
		    <div class="tips">
		    	<div>亲，请务必按照标准举证：</div>
		    	<div>1.请提供实例中的退货底单（2选1），若只提供退货 单号走件的截图将无法作为有效凭证。</div>
		    	<div>2.退货底单上的收件地址、联系方式需与卖家提供的 退货地址、联系方式一致。</div>
		    	<div>3.退货底单上的退货单在物流官网有流转信息。</div>
		    </div>
			</div>
	  </div> 
	
	</van-popup>	 
  
</template>

<script>
import { getFun } from "@/api/publicFun.js";
let publicFun = getFun();
export default {
  data() {
    return {
    	show:false
    };
  },
  props:['imgList'],
  methods: {
     showWin(){
     	 this.show=true
     }
  },
  mixins: [publicFun], //混入
  mounted() {

  }
};
</script>

<style scoped="">
.html_a{position: absolute;background: #f8f8f8;min-height: 100%;width: 100%;}
.swiper_wrap{background: #fff;padding: 15px 0;}
.img{width: 100%;height: 240px;overflow: hidden;background-repeat: no-repeat;background-size:cover;background-position: 50% 50%;}
.tips{padding: 20px;line-height: 24px;}
</style>